Los colores que aparecen en una página web se pueden establecer mediante los sistemas de codificación de color Hexadecimal, RGB o HSL. Son especificados como valores numéricos, aunque hay algunos colores que pueden ser nombrados por sus nombres en inglés
El código de colores HEXADECIMAL consiste en tres bytes números hexadecimal (es decir, compuesto de seis dígitos), con cada byte, o de un par de caracteres en el código Hex, que representa la intensidad de rojo, verde y azul en el color, respectivamente.
Valores de bytes código Hex de 00, que es la más baja intensidad de un color, a lo que representa el nivel más alto de intensidad. El color blanco, por ejemplo, se obtienen por la mezcla de los tres colores primarios en su máxima intensidad, y en el código Hex de color de #FFFFFF.
Negro, la ausencia de cualquier color de la pantalla, es todo lo contrario, con cada color que se muestra en su nivel más bajo posible intensidad y un código de color Hex #000000.
El código de colores RGB consiste en un modelo de color basado en tres colores cuyas iniciales dan nombre al modelo: rojo, verde y azul (en inglés Red, Green y Blue: RGB), que son los colores primarios de este sistema, con cuya mezcla es posible representar el resto de los colores.
El RGB no es el único sistema de colores primarios utilizado en diseño e impresión, existen otros, como el tradicional RYB (rojo, amarillo y azul) que se utilizaba en la imprenta convencional, y que fue reemplazado por el CMYK (cian, magenta, amarillo y negro), que es el que se usa actualmente en la impresión online, y en la impresión con tinta en general.
el RGB es el preferido cuando se trabaja con fuentes de luz, y el diseño va a ser visto en pantallas (de móvil, tabletas, ordenador, etc.).
El código de colores HSL consiste en tres variables: hue o matiz, saturation o saturación, y lightness o brillo. La primera se mide de grados de 0° a 360°, y los otros dos en porcentajes de 0% a 100%.
El primer valor con el que nos encontramos es el matiz, que básicamente es lo que define el color. Como decíamos representa el ángulo de un círculo cromático que va progresivamente del rojo al naranja, al amarillo, al verde, al azul, al añil, al morado, al fucsia y finalmente de nuevo al rojo. Así, un valor de 0º se corresponde con un color rojo, el 60º es un amarillo, el 120º es un verde, el 180º es un color azul, el 240º es un color añil, el 300º es el fucsia y el 360º volvería a ser el rojo.
Existen diversas opciones para configurar el estilo de los elementos de HTML, por ejemplo, la alineación de en texto se puede definir con una etiqueta HTML o en el archivo CSS.
Cambie el color y el fondo del título inicial "h1" a azul claro y oscuro
También modifique el color del fondo y del texto en el "body"
Por último el color del "h4" como el título "h1" pero al contrario
